/*公用*/
.comWidth{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.leftArea{
    float: left;
}
.rightArea{
    float: right;
}
.hide{
    display: none;
}
.show{
    display: block;
}



/*topBar*/
.topBar{
    height: 31px;
    background-color: #f7f7f7;
    line-height: 31px;
}
.collection{
    background:url("../images/collection.png") left center no-repeat;
    padding-left: 19px;
    font-weight: bold;
}
.topBar a:hover{
    color: red;
}

/*logo*/
.logoBar{
    height: 85px;
    background-color:#1d7ad9;
}
.logo{
    padding-left: 41px;
    padding-top: 13px;
}
/*search*/
.search_box{
    width: 430px;
    padding-top: 23px;
    padding-left: 185px;
}
.search_text{
    width:350px;
    height: 35px;
    line-height: 35px\9;
    padding: 0 5px;
    background-color: #fff;
}
.search_btn{
    width: 70px;
    height: 35px;
    font-size: 14px;
    font-family: "Microsoft YaHei","微软雅黑";
    background-color: #ff8c00;
    color: #fff;
}
/*购物车*/
.shopCar{
    width: 145px;
    height: 35px;
    background-color: #ff8c00;
    margin-top: 23px;
    font:14px/35px "Microsoft YaHei","微软雅黑";
    color: #fff;
    margin-right: 59px;
    display: inline;
}
.shopText{
    height: 100%;
    width: 87px;
    border-right: #e27a00 solid 1px;
    background: url("../images/shaoIcon.png") 10px center no-repeat;
    text-indent: 40px;
}
.shopNum{
    width: 27px;
    height: 35px;
    border-left:#ff9c01 solid 1px;
    background: url("../images/sj.png") 33px center no-repeat;
    text-align: right;
    padding-right: 29px;
}
/*导航*/
.navBox{
    height: 35px;
    background-color: #1369c0;
    color: #fff;
}
.shopClass{
    width: 190px;
    position: relative;
}
.shopClass h3{
    line-height: 35px;
    text-align: center;
}
.shopClass i{
    width: 11px;
    height: 7px;
    overflow: hidden;
    background: url("../images/down.png") left center no-repeat;
    display: inline-block;
    margin-left: 11px;
}
.nav,
.shopClass h3{
    font-family: "Microsoft YaHei","微软雅黑";
}
.nav{
    line-height: 35px;
}
.nav li{
    float: left;
}
.nav a{
    height: 35px;
    display: inline-block;
    padding: 0 35px;
    color: #fff;
}
.nav .active{
    background-color: #4593fd;
}
/*商品弹出列表*/
.shopClass_show{
    background-color: #4593fd;
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    padding-bottom: 1px;
}
.shopClass_item{
    padding: 13px 10px;
    border-bottom: #3487f2 solid 1px;
    border-top:#5aa1ff solid 1px;
    line-height: 16px;
}
.shopClass_item dt{
    height: 21px;
    line-height: 1;
    overflow: hidden;
    background: url("../images/shop_sj.png") right center no-repeat;
}
.shopClass_item .b{
    font: 14px/1 "Microsoft YaHei","微软雅黑";
}
.shopClass_item a{
    color: #fff;
}
.shopClass_item a:hover{
    text-decoration: underline;
}
.shopClass_item .aLink{
    width: 48px;
    height: 20px;
    background: url("../images/aLink.png") left center no-repeat;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    text-decoration: underline;
}

/*shopClass_item active 状态*/
.shopClass_active{
    background-color: #fff;
    border-left:#4593fd solid 1px;
}
.shopClass_active dt{
    background: none;
}
.shopClass_active a{
    color: #000;
}
.shopClass_active .aLink{
    color: #fff;
    text-decoration: none;
}

/*弹出菜单*/
.shopClass_list{
    width: 568px;
    /*height: 378px;*/
    border: #ccc solid 1px;
    position: absolute;
    left: 190px;
    top:35px;
}
.shopClass_cont{
    padding: 0 20px;
}
.shopList_item{
    padding: 10px 0;
    border-bottom: #ccc solid 1px;
}
.shopList_item dt{
    color: #4b87d9;
    line-height: 24px;
    font-weight: bold;
    height: 24px;
}
.shopList_item dd{
    padding-left: 68px;
    line-height: 24px;
    margin-top: -24px;
}
.shopList_item dd a{
    margin-right: 12px;
}
.showList_links{
    padding: 15px 0;
}
.showList_links a{
    color: #fff;
    background-color: #2785e6;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    padding: 0 14px 0 8px;
    margin-right: 10px;
}
.showList_links span{
    width: 11px;
    height: 7px;
    background: url("../images/shop_sj.png") left center no-repeat;
    display: inline-block;
    margin-left: 7px;
}

/*banner部分*/
.banner{
    margin-bottom: 15px;
}
.banner_bar{
    float: right;
    background-color: red;
    position: relative;
    overflow: hidden;
}
.imgBox{
    position: absolute;
    left: 0;
    top:0;
}
.imgBox li{
    float: left;
}
.imgBox img{
    display: block;
}
.imgNum{
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.imgNum a{
    width: 20px;
    height: 5px;
    overflow: hidden;
    background-color: #FFF;
    display: inline-block;
    margin: 0 3px;
}
.imgNum .active{
    background-color: #ff7700;
}
.banner_big,
.banner_big img{
    width: 810px;
    height: 326px;
}
.banner_big .imgBox{
    width: 1620px;
    height: 326px;
}
.banner_sm,
.banner_sm img{
    width: 190px;
    height: 400px;
}
.banner_sm .imgBox{
    width: 380px;
    height: 400px;
}


/*商品标题*/
.shopTit{
    height: 44px;
    font-family: "Microsoft YaHei", "微软雅黑";
    line-height: 44px;
    margin-bottom: 15px;
}
.shopTit h3{
    font-size: 24px;
    float: left;
    font-weight: normal;
    padding-left: 15px;
}
.icon{
    width: 44px;
    height: 44px;
    float: left;
    background: url("../images/shopIcon.png") left top no-repeat;
}
.more{
    float: right;
    font-family: "宋体";
}
.more:hover{
    text-decoration: underline;
}
/*商品列表*/
.shopList .leftArea{
    width: 190px;
}
.shopList .rightArea{
    width: 808px;
    height: 396px;
    border:#999 solid 1px;
    border-bottom: #ff7201 solid 3px;
    overflow: hidden;
}
/*商品列表--右侧*/
.shopList{
    margin-bottom: 15px;
}
.shopList_top,
.shopList_sm{
    margin-right: -4px;
}
.shop_item{
    width: 202px;
    height: 279px;
    border-right:#999 solid 1px;
    border-bottom:#999 solid 1px;
    text-align: center;
    font-family: "Microsoft YaHei", "微软雅黑";
    float: left;
}
.shop_img{
    height: 218px;
}
.shop_img img{
    width: 133px;
    height: 151px;
    display: block;
    margin: auto;
    padding-top: 33.5px;
}
.shop_item h3{
    font-size: 16px;
}
.shop_item p{
    font-size: 14px;
    color: #ff7700;
    line-height: 21px;
}
/*商品列表-小*/
.shopItem_sm{
    width: 202px;
    height: 110px;
    border-right: #999 solid 1px;
    float: left;
    padding-top: 6px;
}
.shopItem_smImg{
    width: 95px;
    height: 95px;
    text-align: center;
    float: left;
}
.shopItem_smImg img{
    width:95px;
    height: 95px;
}
.shopItem_text{
    padding-top: 28px;
    width: 100px;
    float: left;
}
.shopItem_text p{
    color: #ff7300;
}
.shopItem_text h3{
    font-family: "Microsoft YaHei", "微软雅黑";
    font-weight: normal;
    font-size: 16px;
    color: #181818;
    line-height: 30px;
}
/*底部*/
.hr_25{
    height: 25px;
}
.hr_7{
    height: 7px;
    overflow: hidden;
}
.hr_15{
    height: 15px;
    overflow: hidden;
}
.hr_45{
    height: 45px;
}
.footer{
    text-align: center;
    background-color: #d4d4d4;
    line-height: 24px;
    padding: 50px 0;
}
.footer i{
    font-style: normal;
    margin: 0 5px;
}
.footer a{
    color: #000;
}
.footer a:hover{
    color: #f60;
}
.web{
    padding-top: 30px;
}
.web img{
    margin: 0 12px;
}

/*产品分类*/
.products .leftArea{
    width: 185px;
}
.products .rightArea{
    width: 810px;
}
.products .banner_bar{
    float: none;
}
.products .item{
    width: 25%;*width:24.9%;
    margin-bottom: 10px;
}
/*产品分类导航*/
.leftNav{
    background-color: #f3f3f3;
    border: #d7d7d7 solid 1px;
}
.nav_title{
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-bottom:#d7d7d7 solid 1px;
    text-align: center;
}
.nav_cont{
    padding:4px 18px;
    border-bottom: #d7d7d7 dotted 1px;
    margin-bottom: -1px;
}
.nav_cont h3{
    font-size: 12px;
}
.navCont_list{
    line-height: 25px;
}
.navCont_list li{
    float: left;
    width: 50%;
}
.navCont_list a:hover{
    text-decoration: underline;
}
.vertical li{
    width: auto;
    float: none;
    padding-left: 8px;
}
.vertical .nav_title,
.vertical .nav_cont h3{
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 14px;
}

/*标题*/
.products_title{
    height: 34px;
    border-bottom: #cccccc solid 2px;
}
.products_title h3{
    width: 180px;
    border-bottom: #096dba solid 2px;
    height: 34px;
    line-height: 34px;
    text-indent: 9px;
    margin-bottom: -2px;
    position: relative;
}
/*商品*/
.item{
    height: 265px;
    float: left;
    position: relative;
}
.item_cont{
    padding: 0 15px;
}
.hot{
    width: 52px;
    height: 52px;
    background: url("../images/hot.png") left top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}
.item p{
    line-height: 20px;
}
item a{
    color: #000;
}
.item a:hover{
    text-decoration: underline;
}
.img_item{
    height: 170px;
    text-align: center;
}
.img_item img{
    height: 170px;
}
.money{
    color: #d4105a;
    font-weight: bold;
    padding-top: 10px;
}
.stars{
    width: 13px;
    height: 12px;
    overflow: hidden;
    background: url("../images/collection.png") left top no-repeat;
    display: inline-block;
    margin-right: 1px;
}
/*筛选*/
.screening{
    border-bottom: #ccc solid 1px;
    font-family: Verdana;
}
.screening dt{
    line-height: 32px;
    width: 74px;
    text-align: right;
    float: left;
    margin-right: 42px;
}
.limit{
    width: 55px;
    float: left;
    line-height: 32px;
}
.screening .active{
    background-color: #1d7ad9;
    color: #fff;
}
.screening a{
    padding: 2px;
}
.screening_list{
    line-height: 32px;
    width: 626px;
    float: left;
}
.screening_list li{
    width: 20%;
    float: left;
}
.screen_more{
    border: #ccc solid 1px;
    height: 23px;
    line-height: 23px;
    margin-top: 4px;
    float: left;
    padding-right: 11px;
    padding-left: 11px;
    margin-right: 10px;
}
.screen_more a{
    background: url("../images/sj_grey.png") right center no-repeat;
    padding-right: 20px;
}
.addInfo{
    height: 31px;
    border:#ccc solid 1px;
    background-color: #f5f5f5;
}
.address{
    float: left;
}
.add_text{
    float: left;
    line-height: 31px;
    padding-left: 12px;
    padding-right: 6px;
}
.addInfo .select{
    margin-top: 4px;
}
.screen_text{
    line-height: 31px;
    padding-right: 80px;
}
.check{
    position: relative;
    top: -1px;
    _top: 4px;
}
.shop_number{
    position: relative;
    _top: 4px;
}
.check input,
.check label{
    vertical-align: middle;
}
.shop_number em{
    color: #f00;
    font-style: normal;
    font-weight: bold;
}
.addCar{
    border:#999 solid 1px;
    height: 22px;
    display: inline-block;
    padding: 0 6px 0 23px;
    background: url("../images/car.png") 6px center no-repeat;
}
.screening_list_more{
    padding-left: 0.5%;
}
.screening_list_more .item{
    width: 33.3%;
}
/*page*/
.page{
    text-align: center;
    position: relative;
    z-index: 2;
}
.page a{
    height: 24px;
    display: inline-block;
    line-height: 24px;
    border:#ccc solid 1px;
    padding: 0 12px;
    margin: 0 2px;
}
.page .hl{
    display: inline-block;
    padding: 0 12px;
    margin: 0 2px;
}
.morePage{
    padding-left: 10px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
}
.pageNum{
    width: 29px;
    padding: 0 3px;
    border: #ccc solid 1px;
    height: 24px;
    line-height: 24px\9;
    text-align: center;
    margin-left: 4px;
}
.page_btn{
    width: 44px;
    height: 24px;
    line-height: 24px;
    background-color: #e8e8e8;
    border: #ccc solid 1px;
}
.ye{
    padding: 0 8px 0 6px;
}
.page a,
.page span,
.page input{
    vertical-align: middle;
    position: relative;
}


/*组件*/
.select{
    border: #999 solid 1px;
    height: 22px;
    line-height: 22px;
    float: left;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 20px;
    position: relative;
    z-index: 4;
}
.select h3{
    font-size: 12px;
    font-weight: normal;
}
.select span{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: url("../images/sj_blue.png") center center no-repeat;
}
.show_select{
    position: absolute;
    left: -1px;
    top: 22px;
    background-color: #fff;
    width: 100%;
    border: #999 solid 1px;
    display: none;
}
.show_select li{
    padding-left: 10px;
}

/*商品介绍*/
.grey{
    background-color: #f0f0f0;
}
.userPosition{
    font-size:0;
    font-family: Verdana;
    margin-top: 25px;
    margin-bottom: 15px;
}
.userPosition span,
.userPosition em,
.userPosition strong,
.userPosition a{
    font-size: 12px;
}
.userPosition em{
    font-style: normal;
}
.userPosition a:hover{
    text-decoration: underline;
}
.description_info{
    background-color: #fff;
}
.description{
    border: #ccc solid 1px;
}
.description .leftArea{
    width: 309px;
}
.description .rightArea{
    width: 688px;
    border-left: #ccc solid 1px;
}
/*图片展示*/
.description_imgs .big{
    height: 340px;
    text-align: center;
    margin-top: 25px;
}
.des_smimg{
    padding-left: 1px;
    width: 265px;
    margin: 0 auto;
}
.des_smimg li{
    float: left;
    margin-left: -1px;
}
.des_smimg img{
    border: #ccc solid 1px;
}
.des_smimg .active{
    border-color: #317ee7;
    position: relative;
}
.des_content{
    padding: 10px;
}
.des_content_tit{
    font:bold 16px/22px "Microsoft YaHei","微软雅黑";
    padding: 13px 25px;
}
.des_content .dl{
    margin-bottom: 8px;
}
.des_content .dt{
    width: 75px;
    float: left;
    color: #666;
    text-indent: 17px;
    line-height: 25px;
}
.des_content .dd{
    padding-left: 75px;
    *padding-left:0;
}
.des_money{
    font-size: 18px;
    font-family: Verdana;
    color: #f30;
}
.des_money em{
    font-style: normal;
    font-size: 12px;
}
/*换购*/
.hg{
    padding-top: 4px;
    display: inline-block;
}
.hg_icon{
    width: 55px;
    height: 18px;
    display: inline-block;
    background: url("../images/hg-icon.jpg") left top no-repeat;
    color: #fff;
    font-style: normal;
    text-indent: 16px;
    line-height: 18px;
    margin-right: 10px;
    float: left;
}
.hg em{
    float: left;
    font-style: normal;
    line-height: 18px;
}
/*送货*/
.des_position{
    background: #f2f2f2;
    padding: 15px 0;
}
.theGoods{
    line-height: 24px;
    padding-left: 10px;
}
.des_content .colorSelect{
    line-height: 35px;
}
.des_item{
    color: #666;
    padding: 9px 10px;
    border: #ccc solid 1px;
    float: left;
    background-color: #fff;
    margin-right: 10px;
}
.des_item_acitve{
    border-color: #317ee7;
    color: #333;
}
.des_item_sm{
    padding: 3px 7px;
    margin-bottom: 8px;
}
.des_content .des_select_more{
    line-height: 55px;
}
/*数量*/
.des_number{
    border: #b2b2b2 solid 1px;
    height: 32px;
    width: 82px;
    float: left;
}
.des_number div{
    height: 100%;
    float: left;
}
.reduction,
.plus{
    width: 15px;
    background: url("../images/add.jpg") left top no-repeat;
    line-height: 32px;
    text-align: center;
    color: #333;
}
.reduction{
    border-right: #ccc solid 1px;
}
.plus{
    border-left: #ccc solid 1px;
}
.des_input{
    width: 42px;
    text-align: center;
    background: url("../images/inputadd.jpg") left top no-repeat;
    padding:0 4px;
    overflow: hidden;
}
.des_input input{
    width: 100%;
    height: 32px;
    line-height: 32px\9;
    text-align: center;
}
.xg{
    line-height: 32px;
    float: left;
    padding-left: 10px;
    font-weight: bold;
    color: #656565;
}
.xg em{
    color: #fb7700;
    font-style: normal;
}
.des_content .des_num{
    line-height: 32px;
}
/*已选择*/
.des_select{
    font-weight: bold;
    margin: 22px 0 12px;
    text-indent: 17px;
}
.des_select span{
    color: #0479c9;
}
.shop_buy{
    text-align: center;
}
.shopping_btn,
.buy_btn{
    display: inline-block;
    width: 184px;
    height: 48px;
    background: url("../images/shopping-btn.jpg") left top no-repeat;
}
.line{
    width: 1px;
    height: 90px;
    overflow: hidden;
    background-color: #ccc;
    display: inline-block;
    margin: 0 40px;
}
.shopping_btn,
.buy_btn,
.line{
    vertical-align: middle;
}
.notes{
    color: #ccc;
    text-indent: 17px;
}
/*产品介绍*/
.des_info .leftArea{
    width: 190px;
}
.des_info .rightArea{
    width: 790px;
}
.recommend{
    border: #ccc solid 1px;
    background-color: #fff;
    padding-bottom: 15px;
}
.recommend .tit{
    height: 39px;
    border-bottom: #ccc solid 1px;
    line-height: 39px;
    text-indent: 15px;
    font-size: 14px;
    background-color: #f3f3f3;
}
.recommend .item{
    float: none;
    height: auto;
}
.recommend .money{
    padding-top: 0;
}
/*详细介绍*/
.des_infoContent{
    border: #ccc solid 1px;
    background-color: #fff;
}
.des_tit{
    height: 39px;
    border-bottom: #ccc solid 1px;
    background: url("../images/instro.jpg") left top repeat-x;
}
.des_tit li{
    float: left;
    width: 50%;
    font:14px/39px "宋体";
    text-align: center;
    border-left: #ccc solid 1px;
    margin-left: -1px;
}
.des_tit .active{
    background-color: #0479ca;
    font-weight: bold;
    color: #fff;
    position: relative;
}
.des_tit span{
    padding-left: 32px;
    display: inline-block;
    line-height: 39px;
}
.des_tit .des_icon_1{
    background: url("../images/project.png") left center no-repeat;
}
.des_tit .des_icon_2{
    background: url("../images/tall.png") left center no-repeat;
}
.ad{
    padding: 30px 0;
    text-align: center;
}
.info_tit{
    height: 26px;
    border-bottom: #ccc solid 1px;
    font-family: "Microsoft YaHei", "微软雅黑";
    margin-bottom: 18px;
}
.info_tit h3{
    float: left;
    font-size: 16px;
    color: #2357a5;
    height: 26px;
    border-bottom: solid #2357a5 1px;
    margin-bottom: -1px;
    position: relative;
    padding-right: 8px;
}
.info_tit h4{
    font-size: 12px;
    line-height: 26px;
    padding-left: 4px;
    color: #656565;
}
.info_text{
    padding:0 20px;
}
.info_text p{
    line-height: 22px;
    font-size: 14px;
    color: #656565;
}
.center{
    display: block;
    margin: 0 auto;
}
/*商品评价*/
.shopDes_tit{
    line-height: 38px;
    height: 38px;
    font-size: 14px;
    color: #656565;
    padding-left: 10px;
}
.score_box{
    padding: 10px;
    height: 120px;
}
.score{
    font-family: "Microsoft YaHei", "微软雅黑";
    float:left;
    margin-right: 10px;
}
.score em{
    font-size: 18px;
    color: #65657d;
    font-style: normal;
}
.score span{
    font-size: 50px;
    color: #ff8f00;
}
.score_speed{
    float: left;
    width: 450px;
    line-height: 16px;
    font-size: 12px;
    margin-top: 12px;
    position: relative;
}
.score_speed_text{
    height: 16px;
    overflow: hidden;
    background-color: #bdbdbd;
    color: #fff;
    margin-bottom: 10px;
}
.score_speed_text li{
    float: left;
}
.score_speed_text .speed_01{
    width: 114px;
    text-indent: 26px;
}
.score_speed_text .speed_02{
    width: 82px;
}
.score_speed_text .speed_03{
    width: 76px;
}
.score_speed_text .speed_04{
    width: 65px;
}
.score_num{
    position: absolute;
    left: 94%;
    top:-21px;
    text-align: center;
    width: 25px;
    height: 14px;
    background-color:#7f7f7f;
    color: #fff;
}
.score_num i{
    border-width:4px 4px 0;
    border-style:solid;
    border-color:#7f7f7f transparent transparent;
    width:0;
    height:0;
    position:absolute;
    top:14px;
    left:9px;
}
